export default function socialBlock({ info = {} }: any) {
  const toHot = (info: any) => {
    console.log(info);
  };
  return (
    <div className="relative flex h-[700px] bg-[rgba(253,121,1,0.05)] ">
      <div className="relative left-[50%] ml-[-712px] mt-[50px] flex h-[600px] w-[1424px] items-center">
        <div className="relative flex h-[600px] w-[900px]">
          <img className="swiper-item  h-[600px] w-[900px]" src={info.picPath} alt="img" />
        </div>
        <div className="ml-[60px] flex flex-col">
          <div className="mb-[20px] text-[50px]">{info.explanation}</div>
          <div className="mb-[40px] text-[#686B73]">在社交媒体上发现最新的时尚趋势</div>
          <div
            onClick={() => toHot(info)}
            style={{ border: '1px solid #FD7901' }}
            className="h-[70px] w-[180px] rounded-[8px] text-center text-[28px] leading-[70px] text-[#FD7901]"
          >
            立即查看
          </div>
        </div>
      </div>
    </div>
  );
}
